<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8"/>
    <title>工装保养记录</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <link rel="icon" type="image/x-icon" href="/favicon.ico" th:href="@{/favicon.ico}">
    <meta http-equiv="X-UA-Compatible" content="ie=edge"/>


</head>
<body>
<!--头部-->
<header th:replace="common/head">
</header>
<!-- 页面指向 -->
<div class="page-point bg-white">
    <ul>
        <li>首页</li>
        <li>工装管理</li>
        <li>工装保养记录</li>
    </ul>
</div>
<!-- 菜单树 -->
<div th:replace="common/left">
</div>
<!--主体内容-->
<div class="page-container">

    <div class="container-fluid mb-20 clearfix">
        <div class="col-md-12">
            <h2 class="page-section-title">查询条件</h2>
        </div>
    </div>

    <div class="container-fluid query-frame-wrap mb-10 clearfix condition-query">
        <div class="col-lg-9 col-lg-item-6">
            <div class="row">
                <div class="col-lg-4">
                    <div class="query-frame">
                        <label>工装编码</label>
                        <select class="form-control tool-code-select2 tool-maintain-search"
                                id="toolCodeQuerySelect2">
                        </select>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="query-frame">
                        <label>工装名称</label>
                        <input autocomplete="new-password" id="toolName" type="text" class="form-control tool-maintain-search" />
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="query-frame">
                        <label>工装型号</label>
                        <input autocomplete="new-password" id="toolModel" type="text" class="form-control tool-maintain-search " />
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-4">
                    <div class="query-frame">
                        <label>工装类别</label>
                        <select id="toolType"  class="form-control tool-maintain-search tool-type" >
                        </select>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="query-frame date-frame">
                        <label>保养日期</label>
                        <input autocomplete="new-password" type="text"  class="form-control form-datetime-day  tool-maintain-search" readonly="readonly" id="maintainDateStart" />
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="query-frame date-frame">
                        <label>至</label>
                        <input autocomplete="new-password" type="text"  class="form-control form-datetime-day  tool-maintain-search"  readonly="readonly" id="maintainDateEnd"/>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-lg-3">
            <div class="query-frame query-button">
                <img id="queryToolMaintain" th:src="@{/image/search.png}" src="../../static/image/search.png" />
                <img class="reset" th:src="@{/image/rest.png}" src="../../static/image/rest.png" />
            </div>
        </div>
    </div>

    <div class="container-fluid mb-20 clearfix">
        <div class="col-md-12 rlt">
            <h2 class="page-section-title">工装保养记录列表</h2>
            <ul class="table-tool">
                <li id="refreshTable">
                    <span class="icon-list_shuaxin" aria-hidden="true"></span>
                    <label>刷新</label>
                </li>
            </ul>
        </div>
    </div>

    <div class="container-fluid table-container">
        <table id="toolMaintainTable" cellspacing="" cellpadding="">

        </table>
    </div>


</div>

<form id="toolMaintainForm" class="form-horizontal tool-maintain-form" action="">
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog">
        <div class="modal-dialog modal-dialog-big-2" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title title"></h4>
                </div>
                <div class="modal-body scroll-style">
                    <div class="row">
                        <div class="col-lg-12">
                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label class="col-lg-4 control-label form-required form-required-4">工装编码</label>
                                    <div class="col-lg-8">
                                        <input autocomplete="new-password" type="text" class="form-control" name="toolCode" readonly />
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-lg-4 control-label form-required form-required-5">保养人工号</label>
                                    <div class="col-lg-8">
                                        <input autocomplete="new-password" type="text" name="maintainUserWorkNo" class="form-control" id="maintainUserWorkNo" readonly/>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-lg-4 control-label form-required form-required-4">保养日期</label>
                                    <div class="col-lg-8 date-frame">
                                        <input autocomplete="new-password" type="text" name="maintainDate" class="form-control" readonly/>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-lg-4 control-label form-required form-required-4">确认日期</label>
                                    <div class="col-lg-8 date-frame">
                                        <input autocomplete="new-password" type="text" name="confirmDate" class="form-control" readonly/>
                                    </div>
                                </div>
                            </div>

                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label class="col-lg-4 control-label form-required form-required-4">工装名称</label>
                                    <div class="col-lg-8">
                                        <input autocomplete="new-password" type="text" name="toolName" class="form-control" readonly />
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-lg-4 control-label form-required form-required-3">保养人</label>
                                    <div class="col-lg-8">
                                        <input autocomplete="new-password" type="text" name="maintainUsername" class="form-control" readonly />
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-lg-4 control-label">确认人</label>
                                    <div class="col-lg-8">
                                        <input autocomplete="new-password" type="text" name="confirmUser" class="form-control" id="confirmUser" readonly>
                                    </div>
                                </div>
                            </div>

                        </div>

                        <div class="col-lg-12">
                            <div class="form-group">
                                <label class="col-lg-2 control-label" style="width: 160px;">备注</label>
                                <div class="col-lg-10 input-align-2">
                                    <textarea name="remark" class="form-control" readonly></textarea>
                                </div>
                            </div>
                        </div>

                        <div class="col-lg-12 modal-table-box">
                            <h3>保养结果</h3>
                            <div class="table-box">
                                <table border="1" id="itemTable">
                                    <thead>
                                    <tr>
                                        <th>序号</th>
                                        <th>工装保养项编码</th>
                                        <th>工装保养项名称</th>
                                        <th>保养方法</th>
                                        <th>备注</th>
                                        <th>保养结论</th>
                                    </tr>
                                    </thead>
                                    <tbody id="itemTableTbody">
                                    <!--<tr>
                                        <td>1</td>
                                        <td contenteditable="true">2</td>
                                        <td contenteditable="true">3</td>
                                        <td contenteditable="true">4</td>
                                        <td contenteditable="true">5</td>
                                        <td contenteditable="true">6</td>
                                    </tr>-->
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                </div>
            </div>
        </div>
    </div>
</form>


<div th:replace="common/foot">
</div>


<script th:src="@{/js/tool/toolMaintainRecord.js}"></script>
</body>
</html>






